import {defineConfig} from 'vite'
import vue from '@vitejs/plugin-vue'
import AutoImport from 'unplugin-auto-import/vite'
import Components from 'unplugin-vue-components/vite'
import {ElementPlusResolver} from 'unplugin-vue-components/resolvers'

// https://vitejs.dev/config/
export default defineConfig({
    plugins: [
        vue(),
        AutoImport({
            resolvers: [ElementPlusResolver()],
        }),
        Components({
            resolvers: [ElementPlusResolver()],
        }),
    ],
    resolve: {
        alias: {
            '@': '/src',
        }
    },
    server: {
        proxy: {
            '^/api/': {
                target: 'http://localhost:8080',
                changeOrigin: true,
            },
            '^/segments/': {
                target: 'http://localhost:8080',
                changeOrigin: true,
            }
        }
    },
    css: {
        preprocessorOptions: {
            scss: { api: 'modern-compiler' },
        }
    },
    build: {
        rollupOptions: {
            output: {
                manualChunks: (id :string) => {
                    if (id.includes('node_modules')) {
                        return'vendor'
                    }
                }
            }
        }
    }
})
